/*****************************************************************
* Custom CSS Stylesheet. You can add any custom CSS selectors here after the comment line 
* They will be given the highest priority on any elements on the forum
* Customize your forum color scheme in one click: www.sitesplat.com/phpBB3/ 
* **************************************************************
*
* FLATBOOTS @SiteSplat.com - Custom CSS STYLESHEET - 
* 
* **************************************************************
*****************************************************************/

body {font-size:1.55em;}

.avatar-over img, .profile-avatar img {
    border: 2px solid #dedede;
}

.dropdown-avatar img, .navbar-avatar img {
    border: 2px solid #edeff0;
}

.icon-moon-ICQ::before {
    content: "\00A0";
}


.masthead {
    animation-name: sideupscroll-off;
}


.panel-forum > .panel-heading {
    
	background: url(img/bg_th.png) repeat-x bottom center #3B6CAB;

	border-color: #3B6CAB;

}

article h3 a {display: inline-block; margin-bottom:0;}

.side-segment h2::after, .side-segment h3::after {
    background-color: #F7921E;
}

td[title~="Ungelesene"] {
    border-left: 3px solid #ee836e !important;
}

td[title~="Keine"], td[title~="Forum"] {
    border-left: 3px solid transparent !important;
}

td[title~="Keine"] a.forumtitle, td[title~="Keine"] a.topictitle  {
	color:#ab6f57;
}

td[title~="Keine"] span.forum-image {
	opacity: 0.33;
}

.forum-unread {
    color: #ee836e;
}

i.forum-read {
    color: #ee836e;
	opacity:0.33;
}

div.content {padding: 10px;}


/* ===[ CSS HOOK mobile ]=== */
 
@media (max-width:468px) {
.avatar-over {display:none;}

.panel-forum .forum-image, .panel-forum .icon-wrapper {display:none;}	
.panel-forum .desc-wrapper {padding-left:4px;}

.panel-forum tr {position: relative;}
.panel-forum tr .row-icon-font-mini[title~="Ungelesene"] {border-left: 3px solid #ee836e;
position: absolute;
height: 100%;
width: 0;
top: 0;
left: 0;}
td[title~="Ungelesene"] {
    border-left: none !important;
}
td[title~="Keine"] {
    border-left: none !important;
}

.forum-answer .side-segment {display:none;}	
.forum-answer:first-of-type .side-segment {display:none;}	
}

/* ===[ CSS HOOK BOTTOM ]=== */